<!DOCTYPE html>
<html>
<head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script src="res/push.js"></script>
    <link rel="shortcut icon" type="image/ico" href="https://www.wuzhaoqi.top/web/favicon.ico">
    <meta name="applicable-device" content="pc">
    <meta name="mobile-agent" content="format=html5;url=myshares.html">
    <link rel="alternate" media="only screen and(max-width: 800px)" href="myshares.html">
    <title>无损分享_无损音乐下载_FLAC_WAV_APE_DSD_SQ688_超高无损音乐</title>
    <meta name="keywords" content="无损分享,无损音乐下载,FLAC,WAV,APE,DSD,SQ688超高无损音乐">
    <link rel="stylesheet" type="text/css" href="res/main.css">
    <link rel="stylesheet" type="text/css" href="res/font-awesome.css">
    <script type="text/javascript" src="res/clipboard.js"></script>
    <script type="text/javascript" src="js/vue.js"></script>
    <script type="text/javascript" src="js/jquery-3.5.1.js"></script>
    <script type="text/javascript" src="js/axios.js"></script>
    <script type="text/javascript" src="js/Popup.js"></script>
    <script type="text/javascript">
        //注意：导航 依赖 element 模块，否则无法进行功能性操作
        layui.use('element', function () {
            var element = layui.element;

            //…
        });
    </script>
</head>
<body>
<div id="main">
    <div id="header" class="header">
        <div class="warp">
            <div class="logo">
                <h1>超高无损音乐</h1>
            </div>
           <ul class="menu">
                <li><a href="index.html" class="cur">首页</a></li>
                <li><a href="singer.html#华语男歌手">华语男歌手</a></li>
                <li><a href="singer.html#华语女歌手">华语女歌手</a></li>
                <li><a href="singer.html#华语乐队">华语乐队</a></li>
                <li><a href="singer.html#欧美歌手">欧美歌手</a></li>
                <li><a href="singer.html#日韩歌手">日韩歌手</a></li>
                <li><a href="singer.html#专辑合集">专辑合集</a></li>
                <li><a href="share.html">网友分享</a></li>

            </ul>
            <div class="users">
                <div>
                    <ul class="layui-nav">
                        <li class="layui-nav-item">
                            <a href=""><img :src="user.head" class="layui-nav-img"></a>
                            <dl class="layui-nav-child">
                                <dd><a href="member.html" style="color: #0C0C0C">个人中心</a></dd>
                                <dd><a href="javascript:;" style="color: #0C0C0C">修改密码</a></dd>
                                <dd><a href="vip.html" style="color: #0C0C0C">会员中心</a></dd>
                                <dd><a onclick="returnLogin()" style="color: #0C0C0C">退出登录</a></dd>
                            </dl>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="clear"></div>
        </div>

    </div>
    <div id="member" class="member">
        <div class="m-left">
            <div class="top">
                <div class="avt">
                    <img :src="user.head">
                </div>
                <div class="info">
                    <h4 v-text="user.nickname"></h4>
                    <p>
                        <span class="tag">标品</span>
                    </p>
                </div>
                <div class="cer">
                  <ul class="menu">
                        <li><a href="member.html" class="cur"><i class="fa fa-navicon"></i> 用户中心</a></li>
                        <li><a href="setting.html"><i class="fa fa-user"></i> 个人信息</a></li>
                        <li><a href="my.html"  class="cur"><i class="fa fa-music"></i> 无损分享</a></li>
                        <li><a href="cs.html"><i class="fa fa-star"></i> 音乐收藏</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="m-right">
            <div class="warning">温馨提示: 您发布的无损音乐分享,通过审核后将会收录在网站,让更多的朋友看到</div>
            <div class="cts">
                <form method="post" id="publish">
                    <div class="tb">
                        <div class="tbr">
                            <div class="tbh">标题/歌曲名/专辑名</div>
                            <div class="tbd">
                                <input id="title" placeholder="标题/歌曲名/专辑名" maxlength="200" name="title" value=""
                                       class="txt">
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="tbr">
                            <div class="tbh">歌手</div>
                            <div class="tbd">
                                <label for="singer"></label><input id="singer" placeholder="请填写歌手,多歌手请填群星"
                                                                   maxlength="30" name="singer" value=""
                                                                   class="txt">
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="tbr">
                            <div class="tbh">标签</div>
                            <div class="tbd">
                                <label for="tags"></label><input id="tags" placeholder="请填写分类标签(如周杰伦,无损,WAV),多个标签请用逗号分隔"
                                                                 maxlength="200" name="tags" value="" class="txt">
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="tbr">
                            <div class="tbh">类型</div>
                            <div class="tbd">
                                <label class="lb">
                                    <input type="radio" name="category" checked="checked" value="单曲">单曲</label>
                                <label class="lb"><input type="radio" name="category" value="专辑">专辑</label>
                                <label class="lb"><input type="radio" name="category" value="合集">合集</label>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="tbr">
                            <div class="tbh">资源类型</div>
                            <div class="tbd">
                                <label class="lb">
                                    <input type="radio" name="clazz" checked="checked" value="分轨">分轨</label>
                                <label class="lb">
                                    <input type="radio" name="clazz" value="全轨">全轨</label>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="tbr">
                            <div class="tbh">格式</div>
                            <div class="tbd">
                                <label class="lb">
                                    <input type="radio" name="type" checked="checked" value="FLAC">FLAC</label>
                                <label class="lb">
                                    <input type="radio" name="type" value="WAV">WAV</label><label class="lb"><input
                                    type="radio" name="type" value="DSD">DSD</label> <label class="lb"><input
                                    type="radio" name="type" value="APE">APE</label>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="tbr">
                            <div class="tbh">详细介绍</div>
                            <div class="tbd">
                                <label for="des"></label>
                                <textarea id="des" placeholder="请填写该分享的详细介绍信息,如专辑年份,专辑包含歌曲等" name="des"
                                          class="txtarea"></textarea>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="tbr">
                            <div class="tbh">下载地址</div>
                            <div class="tbd">
                                <label for="links"></label>
                                <input id="links" placeholder="请输入下载地址或者网盘链接地址" name="links" value="" class="txt">
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="tbr">
                            <div class="tbd">
                                <input type="hidden" name="id">
                                <input type="hidden" name="member" v-bind:value="user.name">
                                <button type="button" class="btn-save" onclick="add()">发布</button>
                                <button type="button" class="btn-back">返回</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>


    <div class="footer">
        <div class="warp">
            Copyright 2015-2020 超高无损音乐<a href="https://beian.miit.gov.cn/#/Integrated/index">
            <span>湘ICP备2020019542号-1</span></a><br>
        </div>
    </div>
</div>


</body>
<script type="text/javascript">

    var na = new Vue({
        el: "#main",
        data: {
            user: {
                id: 0,
                name: "",
                nickname: "",
                pwd: "",
                phone: "",
                email: "",
                qq: "",
                head: "",
                rank: "",
                glod: "",
                create_time: ""
            },
            isVip: false,
        },
        created() {
            var url = "user.do?op=queryUser"
            axios.get(url).then((res) => {
                if (res.data === "请先登录 !") {
                    gotoLogin();
                }
                this.user = res.data;

            });
            axios.get("user.do?op=isVip").then((res) => {
                if (res.data === "0") {
                    this.isVip = true;
                } else {
                    alertMyVip()
                }
            });
        },

    })

    function add() {
        const url = "user.do?op=userShare";
        $.ajax({
            //几个参数需要注意一下
            type: "get",//方法类型
            dataType: "json",//预期服务器返回的数据类型
            url: url,//url
            data: $("#publish").serialize(),
            success: function (result) {
                console.log(result);//打印服务端返回的数据(调试用)
                alertLayer(result, "my.html")
            },
            error: function () {
                alert("异常！");
            }
        });


    }


</script>

</html>
